<template>
  <div id="app">
    <h1 style="text-align: center;">这是对话框的测试容器</h1>
    <div class="box">
      <!-- onSubmit事件 -->
      <DialogBox @submit="handleSubmit"></DialogBox>
    </div>
  </div>
</template>

<script>
import DialogBox from './index.vue'
export default {
  name: 'App',
  components: {
    DialogBox
  },
  data() {
    return {
    }
  },
  methods: {
    handleSubmit(txt) {
      console.log(txt)
    }
  },
  computed: {
  }
}
</script>

<style scoped lang="less">
@import "~@/styles/global.less";
.box {
  width: 800px;
  height: 200px;
  margin: 100px auto;
  // border: 2px solid #fb7299;
  position: relative;
}
</style>
